/**
 * Created by Administrator on 2016/3/12 0012.
 */
$(function(){
    //代码初始化
    var size=$(".img li").size();
    for(var i = 1;i<=size;i++){
        var li="<li>"+i+"</li>";
        $(".num").append(li);
    }
    //手动控制轮播图
    $(".img li").eq(0).show();
    $(".num li").eq(0).addClass("active");
    $(".num li").mouseover(function(){
        $(this).addClass("active").siblings().removeClass("active");
        var index = $(this).index();
        i=index;//定时器与鼠标话入的时候索引值一样
        $(".img li").eq(index).stop().fadeIn(600).siblings().stop().fadeOut(600);//因为.img li是absolute图片呗一张覆盖，所以隐藏同级同类
    });

    //自动控制轮播图
    var i=0;
    var t=setInterval(moveR,2000);

    //核心向左运动函数
    function moveL(){
        i--;//向左
        if(i==-1){
            i=size-1;
        }
        $(".num li").eq(i).addClass("active").siblings().removeClass("active");
        $(".img li").eq(i).fadeIn(600).siblings().fadeOut(600);
    }

    //核心向右运动函数
    function moveR(){
        i++;//向右
        if(i==size){
            i=0;
        }
        $(".num li").eq(i).addClass("active").siblings().removeClass("active");
        $(".img li").eq(i).fadeIn(600).siblings().fadeOut(600);
    }
    //定时器的开始与结束
    $(".out").hover(function(){
        clearInterval(t);
    },function(){
        t=setInterval(moveR,2000);
    });

    //手动点击按钮轮播图
    $(".out .left").click(function(){
        moveL();
    });
    $(".out .right").click(function(){
        moveR();
    });
});